<template>
  <footer class="app-footer">
    <div class="footer-content">
      <p>&copy; 2024 My Website | All Rights Reserved</p>
    </div>
    <div class="footer-links">
      <a href="/about">关于我们</a>
      <a href="/contact">联系我们</a>
      <a href="/privacy-policy">隐私政策</a>
    </div>
  </footer>
</template>

   
  <script>
  export default {
    name: 'FooterComponent'
  }
  </script>
   
   <style scoped>
   /* 底部样式 */
   .app-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    z-index: 9999; /* 确保 footer 位于最上层 */
   }
   
   .footer-content p {
     margin: 0;
     font-size: 16px;
   }
   
   .footer-links {
     margin-top: 10px;
   }
   
   .footer-links a {
     margin: 0 15px;
     color: #bbb;
     text-decoration: none;
     font-weight: bold;
   }
   
   .footer-links a:hover {
     color: #fff;
     text-decoration: underline;
   }
   
  
   </style>